<!-- Author:Rain -->
<template>
    <!-- 如果你的组件有多个根元素，你将需要指定哪个根元素来接收这个 class。你可以通过组件的 $attrs 属性来实现指定： -->
    <p :class="$attrs.class">小雨鸽哈</p>
    <p>哈哈哈哈哈哈</p>
</template>

<script setup lang="ts">
// let props = defineProps<{
//     title?:string,
//     address:{
//         city:string
//     }
// }>()

//这里要做的是props校验
let props = defineProps({
    title: String,
    address: {
        type: String,
        default: '长沙'
    },
    propC: {
        type: Boolean,
        required: true
    },
    person:{
        type:Object,
        default(rawProps:any){//这里原来是所有的props！！！
            return rawProps.title!
        }
    },
    types:{
        type:String,
    }
})


console.log(props.person);


</script>

<style scoped></style>